<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="fragment::head(~{::title})">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>反馈</title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css" >
	<link rel="stylesheet" th:href="@{/css/me.css}" >
</head>
<body>
<!-- 导航 -->
<nav class="ui inverted attached segment m-padded-tb-mini">
	<div class="ui container">
		<div class="ui inverted secondary menu">
			<a href="index.html"><h2 class="ui teal header item">校园失物招领</h2></a>
			<a href="index.html" class="item "><i class="mini home icon"></i>首页</a>
			<a href="announce.html" class="item active" ><i class="mini edit icon"></i>发布</a>
			<a href="mine.html" class="item  "><i class="mini user icon"></i>我的</a>
			<div  class="right m-item item m-mobile-hide">
				<form method="get" class="ui icon inverted transparent input m-margin-tb-tiny">
					<input type="text" name="content" placeholder="Search....">
					<i class="search link icon"></i>
				</form>
			</div>
		</div>
	</div>
</nav>
<!-- 中间内容 -->
<div class="m-container m-padded-tb-large">
	<div class="ui container">
		<div class="ui grid">
			<!-- 左边启示列表 -->
			<div class="thirteen wide column">

				<!-- header -->
				<div class="ui top attached segment ">
					<div class="ui middle aligned two column grid">
						<div class="column">
							<h3 class="ui teal header">反馈</h3>
						</div>

					</div>
				</div>
				<!-- content -->
				<div  class="ui attached segment">

					<div class="ui padded vertical segment m-padded-tb-large">
						<div class="ui mobile reversed stackable grid">

							<div class="ui form" style="width: 100%; height: 100%;min-height:100px">
								<div class="field">
									<input id="subject"  placeholder="主题（最多40字）" maxlength="50"
										   class="tweet-textarea disabled-resize" autofocus/>
								</div>
								<div class="field ">
								                <textarea id="content" rows="6" placeholder="您有什么意见或建议，或者您需要什么帮助（最多300字）" maxlength="300"
														  class="tweet-textarea disabled-resize"></textarea>
								</div>
								<div class="actions">
									<input type="button" onclick="doFeedback()" value="确认" class="ui primary right floated m-margin-tb-large  button">
									<input type="button" onclick="doBack()" value="取消" class="ui right floated m-margin-tb-large button">
								</div>
							</div>


						</div>
					</div>
				</div>
				<!-- footer -->

			</div>



		</div>
	</div>

</div>

<!-- 底部footer -->

<!-- 底部footer -->
<footer class="ui inverted vertical segment m-padded-tb-massive ">
	<div class="ui center aligned container">
		<div class="ui inverted divided grid">
			<div class="three wide column">
				<div class="ui inverted link list">
					<div class="item">
						<img src="img/erwei.png" class="ui rounded image" alt="" style="width: 110px;">
					</div>
				</div>
			</div>
			<div class="three wide column">
				<h4 class="ui inverted header m-text-thin m-text-spaced ">常见问题</h4>
				<div class="ui inverted link list">
					<a href="/feedback" class="item" >点击反馈</a>
				</div>
			</div>
			<div class="three wide column">
				<h4 class="ui inverted header m-text-thin m-text-spaced ">联系我们</h4>
				<div class="ui inverted link list">
					<a class="item m-text-thin">Email：2603195345@qq.com</a>
					<a class="item m-text-thin">QQ：2603195345</a>
				</div>
			</div>
			<div class="seven wide column">
				<h4 class="ui inverted header m-text-thin m-text-spaced ">关于我们</h4>
				<p class="m-text-thin m-text-spaced m-opacity-mini">LostFound是开发的校园失物找回项目案例，希望可以给来到这儿的人们带来帮助...</p>
			</div>
		</div>
		<div class="ui inverted section divider"></div>
		<p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2019 - 2020 LostFound </p>
	</div>
</footer>
<!--	/*/<th:block th:replace="fragment::script">/*/-->
<script src="js/jquery.min.js"></script>
<script src="js/semantic.min.js"></script>
<script src="js/axios.js"></script>

<!--    /*/</th:block>/*/-->

<script>
	function doFeedback() {
		//获取输入的内容信息
		var subject = $("#subject").val();
		var content = $("#content").val();
		var uname = localStorage.getItem("username");
		var values={};
		values.uname=uname;
		values.title=subject;
		values.content=content;
		axios.post('http://localhost:8888/feedback/add',values).then(function(res){
			if(res.code==200){//反馈成功
				alert("成功")
			}
			window.location.href="feedback.html";
		})

	}
	function doBack() {
		location.href = "index";
	}
</script>
</body>
</html>
